/** PC init style start */
/* clear default margin & padding */
body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td,
pre,
xmp {
  margin: 0;
  padding: 0;
}
/* clear italic */
em,
i {
  font-style: italic;
}
/* clear dot of li */
li {
  list-style: none;
}
/* clear border of img */
img {
  border: 0;
  /*ie6*/
  vertical-align: middle;
}
/* button click style */
button {
  cursor: pointer;
}
/* clear underline */
a {
  color: #666;
  text-decoration: none;
}
/* change color of a:hover */
a:hover {
  color: #ff6700;
}
/* clear outline */
button,
input,
select {
  outline: none;
  border: none;
}
/** PC init style end */
/** common style start */
/* template */
.tpl {
  width: 800px;
  margin: 0 auto;
}
/* brand & sub */
.brand-color {
  color: #ff6700 !important;
}
.brand-border-color {
  border: 1px solid #ff6700;
}
.brand-bgc {
  background: #ff6700;
}
.sub-color {
  color: #2577e3;
}
.sub-border-color {
  border: 1px solid #2577e3;
}
.sub-bgc {
  background: #2577e3;
}
/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
/* text overflow */
.text-overflow {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* layout */
.page {
  min-width: 800px;
  color: #333;
  padding-top: 36px;
}
.container {
  padding: 10px 0;
  background: #f6f6f6;
}
.fixed {
  position: fixed;
  left: 0;
  right: 0;
}
.text-center {
  text-align: center;
}
.div-center {
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.inline-block {
  display: inline-block;
}
/* font */
.fw400 {
  font-weight: 400;
}
.fw700 {
  font-weight: 700;
}
.has-hand {
  cursor: pointer;
}
body {
  overflow-y: scroll;
}
/** common style end */
/** header & footer style start */
.top-bar {
  top: 0;
  z-index: 999;
  background: #F4F4F4;
}
.top-bar .top-bar-cont {
  position: relative;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #666;
}
.top-bar .top-bar-cont .top-bar-item {
  padding: 0 8px;
}
.top-bar .top-bar-cont .top-bar-item .top-bar-msg {
  font-size: 14px;
  color: #ccc;
  margin-right: 6px;
}
.top-bar .top-bar-cont .line-right {
  border-right: 1px solid #ddd;
}
.header .header-cont .header-logo-img {
  height: 44px;
  margin: 18px 0;
}
.header .header-cont .header-search {
  margin: 24px 0;
  border-radius: 4px;
}
.header .header-cont .header-search .header-filed {
  padding: 0 5px;
  width: 250px;
  height: 30px;
  line-height: 30px;
  box-shadow: 2px 2px 1px 0 rgba(164, 203, 255, 0.25) inset;
  font-size: 12px;
  color: #666;
}
.header .header-cont .header-search .header-button {
  width: 42px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.header .header-cont .header-search .header-button .kyan-icon-search {
  color: #fff;
}
.header .header-cont .header-search .header-button .kyan-icon-search:hover {
  font-size: 28px;
}
.nav-bar .nav-bar-cont {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
}
.nav-bar .nav-bar-cont .nav-bar-item {
  display: inline-block;
  width: 15.8%;
  color: #fff;
}
.nav-bar .nav-bar-cont .nav-bar-item:hover {
  background: #fff;
  color: #ff6700;
}
.nav-bar .nav-bar-cont .nav-bar-item-active {
  background: #fff;
  color: #ff6700;
}
.copyright {
  bottom: 0;
  padding: 28px 0;
  line-height: 18px;
}
.copyright .copyright-info {
  font-size: 14px;
  color: #999;
}
.copyright .copyright-info .copyright-logo {
  width: 20px;
  height: 20px;
}
.copyright .copyright-support {
  font-size: 12px;
  color: #b6b6b6;
}
/** header & footer style end */
/** cell start */
.cell-header {
  padding: 12px 0;
  background: #F6F7F8;
  border: 1px solid #ddd;
}
.cell-header .cell-header-item {
  padding: 0 28px;
  color: #333;
  font-size: 12px;
  border-right: 1px dotted #000;
}
.cell-header .cell-header-item:hover {
  color: #ff6700;
}
.cell-header .no-border {
  border-right: none;
}
.cell-list .cell {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid #ddd;
  background: #fff;
}
.cell-list .cell .cell-img {
  width: 178px;
  height: 102px;
  margin-right: 16px;
}
.cell-list .cell .cell-info {
  width: 472px;
  font-size: 12px;
}
.cell-list .cell .cell-info .cell-title {
  font-size: 18px;
  margin-bottom: 4px;
}
.cell-list .cell .cell-info .cell-desc {
  margin-bottom: 8px;
}
.cell-list .cell .cell-info .cell-value {
  margin-bottom: 12px;
}
.cell-list .cell .cell-info .cell-bottom {
  line-height: 24px;
}
.cell-list .cell .cell-info .cell-bottom .cell-bottom-item {
  margin-right: 24px;
}
.cell-list .cell .cell-info .cell-bottom .cell-bottom-item .score {
  font-size: 16px;
}
.cell-list .cell .cell-info .cell-gary {
  color: #999;
}
.cell-list .cell .cell-price {
  width: 100px;
  text-align: right;
  font-size: 12px;
}
.cell-list .cell .cell-price .price {
  font-size: 24px;
}
.cell-list .cell:hover {
  border: 1px solid #ff6700;
}
.no-more {
  padding: 24px 0 12px 0;
  text-align: center;
  font-size: 14px;
  color: #ccc;
}
/** cell end */
